<!DOCTYPE html>
<html>
	<head>
		<title>shares</title>
		<meta charset="utf-8">
		<meta name="format-detection" content="telphone=no, email=no"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" type="text/css" href="./css/bootstrap4/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="./css/shares.css">
		<script type="text/javascript" src="./js/jquery.min.js"></script>
		<script type="text/javascript" src="./js/template.js"></script>
		<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan style='display:none' id='cnzz_stat_icon_1276026370'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s23.cnzz.com/z_stat.php%3Fid%3D1276026370' type='text/javascript'%3E%3C/script%3E"));</script>
	</head>
	<body>
		<div class="collectionmedium">
			<div class="container text-primary">
				<div class="row">
						<div class="col-md-2">
							<input id="sharesCodeHid" type="hidden">
							<input id="sharesOldCodeHid" type="hidden">
							<input id="sharesCode" placeholder="输入股票代码搜索" type="text" class="form-control" onkeyup="textChanged(this)">
						</div>
						<div class="col-md-2 searchMargin">
							<button class="btn btn-default" type="button" onclick="searchCode()">搜索</button>
						</div>
						<div class="col-md-8">
							<label class="btn btn-default">
								<input type="radio" name="imgTypeRadios" value="min/n" checked onclick="_czc.push(['_trackEvent', 'shares', '图表','分时']);loadSharesImg()">
								<font>分时线</font>
							</label>
							<label class="btn btn-default">
								<input type="radio" name="imgTypeRadios" value="daily/n" onclick="_czc.push(['_trackEvent', 'shares', '图表','日K']);loadSharesImg()">
								<font>日K线</font>
							</label>
							<label class="btn btn-default">
								<input type="radio" name="imgTypeRadios" value="weekly/n" onclick="_czc.push(['_trackEvent', 'shares', '图表','周K']);loadSharesImg()">
								<font>周K线</font>
							</label>
							<label class="btn btn-default">
								<input type="radio" name="imgTypeRadios" value="monthly/n" onclick="_czc.push(['_trackEvent', 'shares', '图表','月K']);loadSharesImg()">
								<font>月K线</font>
							</label>
						</div>
				</div>
				<div id="confSharesDiv"></div>
				<div id="sharesDiv" ></div>
			</div>
		</div>
		<script type="text/html" id="confSharesDate">
			<div class="row">
				{{each confSharesList as confShares}}
					<div class="col-md-2"><button type="button" class="btn btn-primary" onclick="pullSharesCode({{confShares.code}})">{{confShares.name}}</button></div>
				{{/each}}
			</div>
		</script>
		<script type="text/html" id="sharesDate">
			<div class="row">
				<div class="col-md"><span class="sharesNameFont">{{shares.name}}</span><span class="sharesCodeFont">（{{shares.code}}）</span></div>
			</div>
			<div class="row">
				<div class="col-md-3">今日开盘价:{{shares.openingPrice}}</div><div class="col-md-3">昨日收盘价:{{shares.yesClosPrice}}</div><div class="col-md-3">今日最高价:{{shares.nowDHigPrice}}</div><div class="col-md-3">今日最低价:{{shares.nowDLowPrice}}</div>
			</div>
			<div class="row">
				<div class="col-md-3">竞买价:{{shares.sellPrice}}</div><div class="col-md-3">竞卖价:{{shares.buyPrice}}</div><div class="col-md-3">成交的股数:{{shares.dealNum}}</div><div class="col-md-3">成交金额:{{shares.dealPrice}}</div>
			</div>
			<div class="row">
				<div class="col-md-3">当前价格:<span class="fontColor">{{shares.nowPrice}}<span></div><div class="col-md-6">当前时间:{{shares.date}} {{shares.time}} </div>
			</div>
			<div class="row">
				<div class="col-md-8"><img id = "minNImg" src=""></div>
				<div class="col-md-4">
					<div class="row"><div class="col-md">类型</div><div class="col-md">价格</div><div class="col-md">数量</div></div>
					<div class="row"><div class="col-md">卖五</div><div class="col-md">{{shares.buy5}}</div><div class="col-md">{{shares.buyNum5}}</div></div>
					<div class="row"><div class="col-md">卖四</div><div class="col-md">{{shares.buy4}}</div><div class="col-md">{{shares.buyNum4}}</div></div>
					<div class="row"><div class="col-md">卖三</div><div class="col-md">{{shares.buy3}}</div><div class="col-md">{{shares.buyNum3}}</div></div>
					<div class="row"><div class="col-md">卖二</div><div class="col-md">{{shares.buy2}}</div><div class="col-md">{{shares.buyNum2}}</div></div>
					<div class="row"><div class="col-md">卖一</div><div class="col-md">{{shares.buy1}}</div><div class="col-md">{{shares.buyNum1}}</div></div>
					<div class="row"><div class="col-md">买一</div><div class="col-md">{{shares.sell1}}</div><div class="col-md">{{shares.sellNum1}}</div></div>
					<div class="row"><div class="col-md">买二</div><div class="col-md">{{shares.sell2}}</div><div class="col-md">{{shares.sellNum2}}</div></div>
					<div class="row"><div class="col-md">买三</div><div class="col-md">{{shares.sell3}}</div><div class="col-md">{{shares.sellNum3}}</div></div>
					<div class="row"><div class="col-md">买四</div><div class="col-md">{{shares.sell4}}</div><div class="col-md">{{shares.sellNum4}}</div></div>
					<div class="row"><div class="col-md">买五</div><div class="col-md">{{shares.sell5}}</div><div class="col-md">{{shares.sellNum5}}</div></div>
				</div>
			</div>
		</script>
		<script type="text/javascript" src="./js/shares.js"></script>
	</body>
</html>